<template>
	<div class="compatibility">
		<div class="contents">
			<img src="../assets/image/compatibility/0.png" style="width: 270px;position: relative;left: 0;right: 0;margin: auto;margin-bottom: 30px;"
			 alt="">
			<div style="margin-bottom: 70px;">很抱歉，本系统暂不支持浏览器使用IE内核，请使用以下浏览器访问</div>
			<ul style="display: flex;justify-content: space-between;flex-wrap: nowrap;text-align: center;margin-bottom: 70px;">
				<li>
					<img src="../assets/image/compatibility/1.png" style="width: 90px;height: 90px;" alt="">
					<p style="margin-top: 36px;color: #1B7EE3;text-decoration: underline;">
						<a href="https://www.google.cn/intl/zh-CN/chrome/" target="_blank" style="color: #1B7EE3;">谷歌浏览器（推荐）</a>
					</p>
				</li>
				<li>
					<img src="../assets/image/compatibility/2.png" style="width: 90px;height: 90px;" alt="">
					<p style="margin-top: 36px;color: #1B7EE3;text-decoration: underline;">
						<a href="http://www.firefox.com.cn/" target="_blank" style="color: #1B7EE3;">火狐浏览器</a>
					</p>
				</li>
				<li>
					<img src="../assets/image/compatibility/3.png" style="width: 90px;height: 90px;" alt="">
					<p style="margin-top: 36px;color: #1B7EE3;text-decoration: underline;">
						<a href="https://www.opera.com/zh-cn" target="_blank" style="color: #1B7EE3;">欧朋浏览器</a>
					</p>
				</li>
				<li>
					<img src="../assets/image/compatibility/4.png" style="width: 90px;height: 90px;" alt="">
					<p style="margin-top: 36px;color: #1B7EE3;text-decoration: underline;">
						<a href="https://browser.qq.com/?adtag=SEM170314011" target="_blank" style="color: #1B7EE3;">QQ浏览器</a>
					</p>
				</li>
				<li>
					<img src="../assets/image/compatibility/5.png" style="width: 90px;height: 90px;" alt="">
					<p style="margin-top: 36px;color: #1B7EE3;text-decoration: underline;">
						<a href="https://ie.sogou.com/" target="_blank" style="color: #1B7EE3;">搜狗浏览器</a>
					</p>
				</li>
				<li>
					<img src="../assets/image/compatibility/6.png" style="width: 90px;height: 90px;" alt="">
					<p style="margin-top: 36px;color: #1B7EE3;text-decoration: underline;">
						<a href="https://browser.360.cn/ee/" target="_blank" style="color: #1B7EE3;">360浏览器</a>
					</p>
				</li>
			</ul>
			<div>
				<i class="el-icon-warning" style="color:#E43018;margin-right: 10px;"></i>
				如果是360浏览器，搜狗浏览器，QQ浏览器，请切换到
				<span style="color: #E43018;">急速模式</span>
				访问本站
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		created() {
			if (!!window.ActiveXObject || "ActiveXObject" in window) {
				console.log('IE浏览器')
			} else {
				console.log('非IE浏览器')
				this.$router.replace('/login')
			}
		}
	}
</script>

<style scoped="scoped">
	.compatibility {
		text-align: center;
		padding-top: 150px;
		color: #333333;
		width: 800px;
		position: relative;
		left: 0;
		right: 0;
		margin: auto;
	}

	.compatibility a {
		margin-right: 10px;
	}

	.iftip {
		line-height: 32px;
		margin-top: 10px;
	}

	.iftip span {
		color: darkred;
	}

	.tipBoxTitle {
		text-align: left;
		line-height: 32px;
		margin-bottom: 10px;
	}

	img {
		width: 100%;
		margin-bottom: 10px;
	}

	.contents {
		width: 888px;
		position: relative;
		margin: auto;
		left: 0;
		right: 0;
	}
</style>
